<?xml version="1.0" encoding="UTF-8"?>
<%@ page contentType="text/xml" %>
<%@ taglib prefix="mess" uri="http://www.mess-ui.org/core/mess-tags" %>


<mess:panel horizontal="true">

    <!-- top panel -->
    <mess:panel horizontal="true">

        <!-- left -->
        <mess:panel horizontal="false" width="200" maxWidth="300" minWidth="100">
            <mess:window title="'Window Left'">
                <mess:actionButton type="shrinkButton" />
                <mess:treeView source="treeData" />
            </mess:window>
        </mess:panel>

        <!-- middle -->
        <mess:panel horizontal="false">
            <mess:window title="'Window Center'">
                <mess:panel horizontal="true">
                    <mess:panel horizontal="false">
                        <mess:window title="'Center 1'">
                            <mess:actionButton type="shrinkButton" />
                            <mess:actionButton type="closeButton" />

                            <mess:tabControl headerSize="25" headerFirst="false" horizontal="true" showButtonsPanel="true">

                                <mess:actionButton type="nextTabButton" />
                                <mess:actionButton type="prevTabButton" />

                                <mess:tab tabSize="100" title="First Tab"
                                          description="This is a first tab description">
                                </mess:tab>
                                <mess:tab title="tab 2"
                                          description="second tab second tab second tab">
                                </mess:tab>
                                <mess:tab title="tab 3"
                                          description="tab tab third tab tab th dsf dsa fds fd a dsf saf  dfasdf sdird tab tab">
                                </mess:tab>
                            </mess:tabControl>
                        </mess:window>
                    </mess:panel>

                    <mess:panel horizontal="false">
                        <mess:tabControl headerSize="25" headerFirst="true" horizontal="true" activeTabIndex="2"
                                         showButtonsPanel="true">

                            <mess:actionButton type="closeTabButton" />
                            <mess:actionButton type="nextTabButton" />
                            <mess:actionButton type="prevTabButton" />

                            <mess:tab tabSize="100" title="First Tab"
                                      description="This is a first tab description">

                                <mess:panel horizontal="true">
                                    <mess:window title="tab 1 window">
                                        <mess:actionButton type="closeButton" />
                                        <mess:treeView source="treeData" />
                                    </mess:window>
                                </mess:panel>
                            </mess:tab>

                            <mess:tab title="tab 2"
                                      description="second tab second tab second tab">

                                <mess:panel horizontal="true">
                                    <mess:window title="'tab 22 window'" theme="'Cyan'" >
                                        <mess:actionButton type="closeButton" />
                                    </mess:window>
                                </mess:panel>
                            </mess:tab>

                            <mess:tab title="tab 3"
                                      description="tab tab third tab tab third tab tab">

                                <mess:panel horizontal="true" theme="'Cyan'">
                                    <mess:window title="'tab 3333 window'" >
                                        <mess:actionButton type="closeButton" />
                                    </mess:window>
                                </mess:panel>
                            </mess:tab>
                        </mess:tabControl>
                    </mess:panel>
                </mess:panel>
            </mess:window>
        </mess:panel>

        <!-- right -->
        <mess:panel horizontal="false" width="200" maxWidth="300" minWidth="100">

            <!-- top -->
            <mess:panel horizontal="true">
                <mess:window title="'Window Right 1'" theme="'Cyan'">
                    <mess:actionButton type="shrinkButton" />
                    <mess:actionButton type="closeButton" />

                    <mess:treeView source="treeData" />
                </mess:window>
            </mess:panel>

            <%--<mess:panel horizontal="true">--%>
                <%--<mess:windowControl theme="'Cyan'">--%>
                    <%--<mess:window title="win 2 win 2" />--%>
                    <%--<mess:window title="win 3 win 3333" />--%>
                    <%--<mess:window title="win 44444 win 4" theme="'Default'" />--%>
                    <%--<mess:window title="win 5 win 5555" theme="'Default'" />--%>
                <%--</mess:windowControl>--%>
            <%--</mess:panel>--%>

            <!-- middle -->
            <mess:panel horizontal="true">
                <mess:window title="'Window Right 2'" theme="'Cyan'">
                    <mess:actionButton type="shrinkButton" />
                    <mess:actionButton type="closeButton" />
                </mess:window>
            </mess:panel>

            <!-- bottom -->
            <mess:panel horizontal="true">
                <mess:window title="'Window Right 3'" theme="'Cyan'">
                    <mess:actionButton type="shrinkButton" />
                    <mess:actionButton type="closeButton" />
                </mess:window>
            </mess:panel>

        </mess:panel>

    </mess:panel>

    <!-- bottom panel -->
    <mess:panel horizontal="true" height="100" maxHeight="400" minHeight="50">
        <mess:window title="'Window Bottom'">
            <mess:actionButton type="shrinkButton" />
            <mess:actionButton type="closeButton" />
        </mess:window>
    </mess:panel>

</mess:panel>